<!doctype html>
<html lang="en" style="background-color:rgb(54,58,75)">
<head>

<meta charset="UTF-8">
<meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>TBridge</title>

<script src="js/adapter.js"></script> <!--rem适配js-->
<link rel="stylesheet" href="css/base.css"> <!--初始化文件-->
<link rel="stylesheet" href="css/menu.css"> <!--主样式-->

<style>
	.max {
		width: auto;
		height: auto;
	}
	.min {
		width: 300px;
		height: auto;
	}
</style>


<body>
	
<div id="menu">

    <!--显示菜单-->
    <div id="open">
        <div class="navH">
            TBridge
        </div>
        <div class="navBox">
            <ul>
                <li>
                    <h2 class="obtain">TBridge简介<i></i></h2>
                </li>
                <li>
                    <h2 class="obtain">TBridge特性<i></i></h2>
                </li>
                <li>
                    <h2 class="obtain">TBridge下载<i></i></h2>
                </li>
                <li>
                    <h2 class="obtain">TBridge教程<i></i></h2>
                </li>
		  <li>
                    <h2 class="obtain">TBridge语言<i></i></h2>
                </li>
		<li>
                  <h2 class="obtain">TBridge作者<i></i></h2>
                </li>
            </ul>
        </div>
    </div>
</div>

<!--<script src="js/menu.js"></script> <!--控制js-->
    <script type="text/javascript">
            //获取所有li的节点
            var list =  document.getElementsByTagName("li");
            //给每个li绑定事件
            for(var i = 0;i<list.length;i++){
				if(i==0) {
					list[i].onclick = function(){
						document.getElementById("introduction").style.display='block';
						document.getElementById("screenshot").style.display='none';
						document.getElementById("download").style.display='none';
						document.getElementById("tutorial").style.display='none';
						document.getElementById("Language").style.display='none';
						document.getElementById("Musician").style.display='none';
					}
				}
				if(i==1) {
					list[i].onclick = function(){
							document.getElementById("introduction").style.display='none';
						document.getElementById("screenshot").style.display='block';
						document.getElementById("download").style.display='none';
						document.getElementById("tutorial").style.display='none';
						document.getElementById("Language").style.display='none';
						document.getElementById("Musician").style.display='none';
					}
				}
				if(i==2) {
					list[i].onclick = function(){
						document.getElementById("introduction").style.display='none';
						document.getElementById("screenshot").style.display='none';
						document.getElementById("download").style.display='block';
						document.getElementById("tutorial").style.display='none';
						document.getElementById("Language").style.display='none';
						document.getElementById("Musician").style.display='none';
					}
				}
				if(i==3) {
					list[i].onclick = function(){
						document.getElementById("introduction").style.display='none';
						document.getElementById("screenshot").style.display='none';
						document.getElementById("download").style.display='none';
						document.getElementById("tutorial").style.display='block';
						document.getElementById("Language").style.display='none';
						document.getElementById("Musician").style.display='none';
					}
				}	
				if(i==4) {
					list[i].onclick = function(){
						document.getElementById("introduction").style.display='none';
						document.getElementById("screenshot").style.display='none';
						document.getElementById("download").style.display='none';
						document.getElementById("tutorial").style.display='none';
						document.getElementById("Language").style.display='block';
						document.getElementById("Musician").style.display='none';
					}
				}
				if(i==5) {
					list[i].onclick = function(){
						document.getElementById("introduction").style.display='none';
						document.getElementById("screenshot").style.display='none';
						document.getElementById("download").style.display='none';
						document.getElementById("tutorial").style.display='none';
						document.getElementById("Language").style.display='none';
						document.getElementById("Musician").style.display='block';
					}
				}					
			}
</script>



<div id="introduction"  style="display: none;background-color:rgb(54,58,75);color:white">
 <br><h1 style="text-align:center"><br><b>TBridge简介</b></h1><br><br>
	

 <p>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp TBridge是基于NetVST制作的免费的VST插件桥接软件，通过TBridge可以方便的在64位宿主中运行32位插件。<br><br>

	&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp TBridge是一个免费软件，你可以自由的使用，应用到商业或者非商业的用途中，但需要保证接受以下几点约束：<br>

	&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 1、本协议中所允许的商业用途，仅指允许商业发布通过TBridge所制作的音乐作品，而非将TBridge软件本体直接或者间接售卖，包括但不限于作为第三方软件的一部分出售。<br>
	&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 2、TBridge是基于NetVST所做的功能扩展，在你开始使用TBridge时，请确保你已了解NetVST相关条款。 <br>
	&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 3、本软件为免费软件，使用本软件产生的任何风险由使用者本人承担。 <br>
	&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp 4、TBridge开发者保留对上述条款的解释权。 <br><br>
	<p style="text-align:center" onclick="window.open('indexEn.html')"><b>(Click Me - TBridge English Homepage)</b></p><br><br>		
</p>
<div id="PicContent"  style="text-align:center">	
	<img id="img1" src ="pic/introduction/1.png" border =0>
	<img id="img1" src ="pic/introduction/2.png" width=343 height=273 border =0>
</div>
</div>
<div id="screenshot" align="center" style="display: none;background-color:rgb(54,58,75);color:white">
	<p><br><h1 style="text-align:center"><br><b>TBridge特性（点击图片放大）</b></h1><br><br>
		<br><p style="text-align:center">图1：通过插件浏览器快速添加插件&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp图2：以工程的形式批量打开插件&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp图3：两种便捷的插件连接方式</p><br><br>
		 <img id="img" class='min' src ="pic/screenshot/insertplugin.gif"  border =0>
		<img id="img" class='min' src ="pic/screenshot/openproject.gif"  border =0>
		<img id="img" class='min' src ="pic/screenshot/connect.gif" border =0> <br>
		
		<!-- <p style="text-align:center"><b>以工程的形式批量打开插件</b></p>
		<p style="text-align:center"><b>两种便捷的插件连接方式</b></p> -->

</p>
</div>
<div id="download"  style="display: none;background-color:rgb(54,58,75);color:white">
	<p><br><h1 style="text-align:center"><br><b>TBridge下载</b></h1>
	<br>
	<p style="text-align:center">【当前版本1.0.0.6】点击下方文字跳转到相应的链接下载</p>
	<br>
	<p style="text-align:center" onclick="window.open('https://github.com/totomusic/TBridge/releases/')">下载链接一：跳转至github下载</p>
	<p style="text-align:center" onclick="window.open('https://www.lanzous.com/b00zbpkre')">下载链接二：蓝奏云（密码totomusic）</p><br>
	
	<!--
	<div style="text-align:center">
	<img  src ="pic/download/1.png" width=600 height=400 border =0>
	<img  src ="pic/download/2.png" width=342 height=264 border =0>
	</div>
	-->
	</p>
</div>
<div id="tutorial"  style="display: none;background-color:rgb(54,58,75);color:white">
	<br><h1 style="text-align:center"><br><b>TBridge教程</b></h1><br>
	<p style="text-align:center">【点击下方文字跳转到相应的教程】</p>
	<br>
	<p style="text-align:center" onclick="window.open('https://www.bilibili.com/video/av97444815')">哔哩哔哩中文视频教程</p>
	<p style="text-align:center" onclick="window.open('TBridgeHelpCN.html')">TBridge中文用户手册</p>
	<p style="text-align:center" onclick="window.open('TBridgeHelpEN.html')">TBridge User Guide</p><br>
	

</div>
<div id="Language"  style="display: none;background-color:rgb(54,58,75);color:white">
	<br><h1 style="text-align:center"><br><b>TBridge语言</b></h1><br><br>
	<p>切换语言：TBridge应用程序->菜单栏->语言->选择想要使用的语言</p><br>
	<p>添加语言：找到"TBridge\TBridgeData\Language.ini"，打开进行编辑，如下图，只需要在Language.ini文件里新添加一个节点，以[语言名称]命名，然后将复制所有的汉字内容，将"="右侧的文字改成相应的语言，保存后重启TBridge即可自动在语言栏添加新语言选项</p><br>
	<img id="img"  align="middle" class='min' src ="pic/screenshot/addlanguage.png" border =0> <br><br>
	<p>如果你有兴趣和能力帮助TBridge添加多国语言，请将添加语言后的Language.ini通过电子邮件或者交流群反馈给我</p><br>
</div>
<div id="Musician"  style="display: none;text-align:center;background-color:rgb(54,58,75);color:white">
	<p><br><h1 style="text-align:center"><br><b>作者信息</b></h1><br><br>
		
		 喜欢音乐，喜欢计算机，喜欢研究各种软件 <br> <br>
		新浪微博&nbsp|&nbsp哔哩哔哩&nbsp|&nbsp网易云音乐&nbsp@番茄西西西红柿 <br> <br>
	 电子信箱 totomusic@qq.com 
		&nbsp&nbsp  番茄音乐交流群 773596077<br>&nbsp&nbsp&nbsp&nbsp  <br>
<br>

	
	<div style="text-align:center">
	【点击图标跳转】<br><br>
	原创作品集（网易云音乐）&nbsp&nbsp&nbsp&nbsp 翻唱作品集（唱吧）&nbsp&nbsp&nbsp&nbsp 新浪微博主页 &nbsp&nbsp&nbsp&nbsp 哔哩哔哩主页 <br>
	&nbsp&nbsp&nbsp&nbsp
	<br>

	&nbsp&nbsp&nbsp&nbsp<a style="color:white" target="_blank" href="https://music.163.com/#/user/home?id=59048437"><img  id = 'img1' src ="pic/pes/2.png" alt="网易音乐人主页" border =0></a>
	&nbsp&nbsp&nbsp&nbsp<a style="color:white" target="_blank" href="http://changba.com/u/104271256"><img  id = 'img1' src ="pic/pes/changba.png"   alt="唱吧主页" border =0></a>	
	&nbsp&nbsp&nbsp&nbsp<a style="color:white" target="_blank" href="https://weibo.com/totomusic"><img  id = 'img1' src ="pic/pes/weibo.png"  alt="微博主页" border =0></a>
	&nbsp&nbsp&nbsp&nbsp<a style="color:white" target="_blank" href="https://space.bilibili.com/8212342"><img  id = 'img1' src ="pic/pes/3.png"  alt="哔哩哔哩" border =0></a>
</div>
	</p>
</div>


</body>


<script>
    let objs = document.getElementsByTagName("img");
         for(let i=0;i<objs.length;i++)
         {
           objs[i].onclick=function()
           {
			if (typeof this.naturalWidth == "undefined") {
	　		　// IE 6/7/8
			　　var i = new Image();
	　		　i.src = this.src;
	　		　var rw = i.width;
			　　var rh = i.height;
			}
			else {
	　		　// HTML5 browsers
	　		　var rw = this.naturalWidth;
	　		　var rh = this.naturalHeight;
			}
			   
               if(this.className=="min" && this.getAttribute("id")!="img1")
               {
				this.setAttribute("class","max");
				this.wdith=rw;
				this.height=rh;
               }
               else if(this.getAttribute("id")!="img1")
               {
                this.setAttribute("class","min");
               }
           }
         }
   </script>

</html>

<script>
	window.onload=function(){
		document.getElementById("introduction").style.display='block';
		document.getElementById("screenshot").style.display='none';
		document.getElementById("download").style.display='none';
		document.getElementById("tutorial").style.display='none';
		document.getElementById("Language").style.display='none';
		document.getElementById("Musician").style.display='none';
	}
</script>

</html>

